<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>11-display补充</title>
    <style>
        /*div {
            padding-left: 30px;
        }

        span {
            list-style: circle inside;
            display: list-item;
        }*/

        div {
            display: inline-table;
            border-collapse: collapse;
        }

        strong {
            display: table-row;
        }

        span {
            display: table-cell;
            border: 1px solid #f00;
        }
    </style>
</head>
<body>

<div>
    <strong>
        <span>span1</span><span>span2</span><span>span3</span>
    </strong>
    <strong>
        <span>span1</span><span>span2</span><span>span3</span>
    </strong>
    <strong>
        <span>span1</span><span>span2</span><span>span3</span>
    </strong>
</div>

123

<!--<div>
    <span>span1</span>
    <span>span2</span>
    <span>span3</span>
    <span>span4</span>
    <span>span5</span>
</div>-->

<ul>
    <li>lili1</li>
    <li>lili2</li>
    <li>lili3</li>
    <li>lili4</li>
    <li>lili5</li>
</ul>

</body>
</html>